<template>
  <transition name="bounce" mode="out-in">
    <section class="mui-content pd">
      <mh-header headName="设置"> </mh-header>
      <div class="set-form">
        <div class="set-li border-top">
          <router-link class="link-li" :to="{path: '/setMessage'}"><span>通知设置</span><span class="rg">></span></router-link>
        </div>
        <div class="set-li">
          <router-link class="link-li" :to="{path: '/setSecret'}"><span>隐私设置</span><span class="rg">></span></router-link>
        </div>
        <div class="set-li border-top">
          <router-link class="link-li" :to="{path: '/setSafe'}"><span>账号与安全</span><span class="rg">></span></router-link>
        </div>
        <div class="set-li">
          <div class="link-li"><span>个人资料导出</span><span class="rg">></span></div>
        </div>
        <div class="set-li">
          <router-link class="link-li" :to="{path: '/setContact'}"><span>联系我们</span><span class="rg">></span></router-link>
        </div>
        <div class="set-li">
          <router-link class="link-li" :to="{path: '/setHelp'}"><span>帮助</span><span class="rg">></span></router-link>
        </div>
        <div class="set-li">
          <router-link class="link-li" :to="{path: '/setAbout'}"><span>关于美荷</span><span class="rg">></span></router-link>
        </div>
        <div class="set-li">
          <div class="link-li"><span>评价美荷</span><span class="rg">></span></div>
        </div>
        <div class="set-li border-top">
          <div class="link-li"><span>清除缓存</span><span class="rg">></span></div>
        </div>
<!--         <div class="set-li">
          <router-link class="link-li" :to="{path: '/setLang'}"><span>语言切换</span><span class="rg">></span></router-link>
        </div> -->

        <div class="mui-content-padded">
          <button type="button" class="mui-btn-block mh-btn" @click='submit'>退出登录</button>
        </div>
      </div>

    </section>
  </transition>
</template>

<script>
  import MhHeader from '@/components/mh-header/mh-header';
  import {MH_API} from "@/api/api";
  export default {
    name: "setting",
    data () {
      return {
        envelope: 5,
        singleReward: 1,
        talentReward: 1
      }
    },
    methods: {
      submit(){
        this.$router.push({path: '/account/login'})
      }
    },
    components: {
      MhHeader
    }
  }
</script>

<style scoped>
  .set-form{ display: block; background-color: #fff; }
  .set-li{ display: block; }
  .border-top{ border-top: 1rem solid #F2F2F2;}
  .link-li{ display: flex; margin: 0 1.5rem; height: 5rem; justify-content: space-between; align-items: center; font-size: 1.4rem; border-bottom: 1px solid #eee;}
  .link-li .rg{ color: #999; }
</style>
